<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
	<meta charset="UTF-8">
	<title>firstAngularApp</title>
</head>
<body>
	<!--<div ng-app="">-->
		<!--<p>名字 : <input type="text" ng-model="name"></p>-->
		<!--<h1>Hello {{name}}</h1>-->
	<!--</div>-->
	<!--<div ng-app="" ng-init="firstName='John'">-->
		<!--<p>姓名为 <span ng-bind="firstName"></span></p>-->
	<!--</div>-->
	<!--<div data-ng-app="" data-ng-init="firstName='John'">-->
		<!--<p>姓名为 <span data-ng-bind="firstName"></span></p>-->
		<!--<p>我的第一个表达式： {{ 5 + 5 }}</p>-->
	<!--</div>-->
	<!--<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}">-->
		<!--<p>姓为 {{ person.lastName }}</p>-->
	<!--</div>-->
	<!--<div ng-app="" ng-init="points=[1,15,19,2,40]">-->
		<!--<p>第三个值为 {{ points[2] }}</p>-->
	<!--</div>-->
	<!--<div ng-app="" ng-init="points=[1,15,19,2,40]">-->
		<!--<p>第三个值为 <span ng-bind="points[2]"></span></p>-->
	<!--</div>-->

	<div ng-app="myApp" ng-controller="myCtrl">
		名: <input type="text" ng-model="firstName"><br>
		姓: <input type="text" ng-model="lastName"><br>
		<br>
		姓名: {{firstName + " " + lastName}}
	</div>

	<script src="angular.min.js"></script>
	<script>
		//HTML 文档中只允许有一个 ng-app 指令，如果有多个 ng-app 指令，则只有第一个会被使用。
		//AngularJS 模块
		var app = angular.module('myApp', []);
		// 控制器
		app.controller('myCtrl', function($scope) {
			$scope.firstName= "John";
			$scope.lastName= "Doe";
		});
	</script>
</body>
</html>